<%@page import="com.etc.entity.Housing"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="layui/css/layui.css"  media="all">

  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/myLayui.css">
  <link rel="stylesheet" href="css/mycss.css">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
	</head>
	<body>
    <!-- 导航 -->
<ul class="layui-nav" style="padding-left: 100px;">
  <div class="w">
      <span class="logo"><img src="img/logo.png" alt=""></span>
      <li class="layui-nav-item"><a href="is.do">首页</a></li>
      <li class="layui-nav-item layui-this"><a href="ss.do?op=apartment01">蔡塘悦舍</a></li>
      <li class="layui-nav-item"><a href="ss.do?op=apartment02">悦舍大院</a></li>
      <li class="layui-nav-item"><a href="ss.do?op=apartment03">悦舍阔居</a></li>
      <li class="layui-nav-item"><a href="ts.do?op=query">社区生活</a></li>
      <li class="layui-nav-item"><a href="is.do?op=about">关于悦舍</a></li>
        <li class="layui-nav-item"><a href="is.do?op=aboutus">关于我们</a></li>
      
          <c:if test="${sessionScope.username==null}">
       <li class="layui-nav-item user youke" >
          <a href="login.jsp">登录</a>
             </li>
          </c:if>
          
          <c:if test="${sessionScope.username!=null}">
        <li class="layui-nav-item user youke" >
                  <a href=""><img src="<%=request.getAttribute("personImg") %>" class="layui-nav-img"><%=request.getAttribute("personNickName") %></a>
                  <dl class="layui-nav-child">
                      <dd><a href="us.do?op=queryPerson">个人中心</a></dd>
                      <dd><a href="us.do?op=updpwd1">密码修改</a></dd>
                      <dd><a href="us.do?op=removesession">退出</a></dd>
                  </dl>
         </li>
          </c:if>
           
  </div>

</ul>

<!-- banner -->
<div class="banner" style="margin-top: 4px;text-align: center">
  <ul class="banner_img">
    <img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/14e00295-f12b-4c22-98b4-6cd33c95e0ef" alt="">
  </ul>
</div>


<!-- 最新房源 -->
  <div class="w">
    <div class="list_new" id="relook">
      <h6>最新房源</h6>
      <ul class="list_new_pe">
        <div class="list_new_po">
          <ul class="clearfix" id="newapa" style="width: 1200px;">
            <%
       		if(request.getAttribute("housinglist")!=null){
       			Object obj = request.getAttribute("housinglist");
       			if(obj instanceof List){
       				List<Housing> list = (List<Housing>) obj;
       				for( int i=0;i<6;i++){
						System.out.println(list.get(i));
					%>
         
          <li brand>
            <div class="">
              <ul class="list_img">
                <img src="<%=list.get(i).getHsPic01()%>" alt="">
              </ul>
              <dl>
                <dt><%=list.get(i).getHouseName()%>-<%=list.get(i).getHouseType()%></dt>
                <dd><i>¥</i><span><%=list.get(i).getHsPrice()%></span>/月</dd>
              </dl>
              <ul class="list_pop">
                  <li>
                    <a href="is.do?op=detail&housingId=<%=list.get(i).getHsId()%>">点击详情<span>></span></a>
                  </li>
              </ul>

            </div>
          </li>
            	<% 
       				}
       			}
       		}
       		%>
          </ul>
        
        </div>
      </ul>
     
    </div>
  </div>
  
  

  <!--选择我们 -->
  <div class="w">
    <div class="list_reason">
      <h6>选择我们的理由<span>TOP5</span></h6>
        <ul class="clearfix">
          <li class="icon_wifi"><i></i>高速WIFI</li>
            <li class="icon_bj"><i></i>专业保洁</li>
            <li class="icon_wx"><i></i>专业维修</li>
            <li class="icon_ss"><i></i>安全舒适</li>
            <li class="icon_pz"><i></i>品质生活</li>
        </ul> 
    </div>
  </div>
  
  

<!-- footer -->
<div class="footerbg mt80">
    <div class="w footer">
        <ul class="footer_top clearfix">
            <div class="f_logo"><img src="img/logo_01.png"></div>
              <dl class="f_time">
                <dt>400-920-3805</dt>
                  <dd>服务时间：工作日</dd>
                  <dd>服务时间：9:30-18:00</dd>
              </dl>
              <div class="f_ewm">
                <dl>
                    <dt><img src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=fa9140accd95d143ce7bec711299e967/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg"></dt>
                      <dd>下载app</dd>
                  </dl>
                <dl>
                    <dt><img src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=fa9140accd95d143ce7bec711299e967/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg"></dt>
                      <dd>关注微信</dd>
                  </dl>
                <dl>
                    <dt><img src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=fa9140accd95d143ce7bec711299e967/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg"></dt>
                      <dd>关注微博</dd>
                  </dl>                                        
              </div>
              <div class="f_menu">
                <dl>
                    <dt>常见问题</dt>
                      <dd><a href="#">预约预定</a></dd>
                      <dd><a href="#">入住需知</a></dd>
                      <dd><a href="#">租期服务</a></dd>
                      <dd><a href="#">缴费须知</a></dd>
                  </dl>
                <dl>
                    <dt>关于我们</dt>
                      <dd><a href="#">悦舍故事</a></dd>
                      <dd><a href="#">悦舍文化</a></dd>
                      <dd><a href="#">悦舍大事记</a></dd>
                      <dd><a href="#">悦舍品牌</a></dd>
                  </dl>
                <dl>
                    <dt>活动介绍</dt>
                      <dd><a href="#">线上活动</a></dd>
                      <dd><a href="#">线下活动</a></dd>
                  </dl>                                        
              </div>
          </ul>
        <ul class="copyright"> © 2019 YUESHE All Rights reserved. 悦舍生活（厦门）有限公司</ul>
      </div>
  </div>
</div>
<!-- 
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/handlebars.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/json2.js"></script> -->
<script src="layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  //监听导航点击
  element.on('.layui-nav', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>
<script>
layui.use('carousel', function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#test1'
    ,url:'ss.do'
    ,width: '80%' //设置容器宽度
    ,arrow: 'always' //始终显示箭头
    ,height:'462px'
    //,anim: 'updown' //切换动画方式
  });
});
</script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
$("#newapa li div").on({
  mouseover :function(){
    $(this).addClass("hs_on")
  },
  mouseout :function(){
    $(this).removeClass("hs_on")  
  }
})

$(".home_apa_pop").on({
  mouseover :function(){
    $(this).children('div').children('dl').css('top','0')
  },
  mouseout :function(){
    $(".commma_pop_dl").css('top','255px')
  }
})
</script>
	</body>
</html>
